<script>
export default {
  name: "tao-nav-bar"
}
</script>

<template>
  <section class="tao-nav-bar">
    <ul class="layui-nav layui-bg-blue">
      <li class="layui-nav-item">{{$route.query.navBarText}}</li>
    </ul>
  </section>
</template>

<style scoped lang="less">
.tao-nav-bar {
  .layui-nav {
    display: flex;
    justify-content: center;

    .layui-nav-item {
      font-size: 18px;
      color: #ffffff;
    }
  }
}
</style>